//引入外部组件中的方法
import { createApp } from 'vue'
import { createPinia } from 'pinia'
//引入根组件
import App from './App.vue'
//引入外部组件
import router from './router/index'
import globalHello from './components/globalapi/Hello.vue'
//引入通用样式
import './assets/css/Common.css'

//创建应用
let app = createApp(App)
//使用路由器
app.use(router)
//创建pinia
let pinia = createPinia()
//使用pinia
app.use(pinia)
//全局组件
app.component('globalHello', globalHello)
//全局属性
app.config.globalProperties.globalParam = '我是全局属性'
//全局指令
app.directive('globalAdd', (element, { value }) => {
    element.innerText += value
    element.style.color = 'green'
})
//挂载应用到index.html中名为app的容器
app.mount('#app')

// setTimeout(() => {
//     //卸载应用
//     app.unmount()
// }, 3000);

